<!DOCTYPE html>
<html>
<head>
 <meta charset='UTF-8'>
<link href="grzy.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="grzy.js"></script>
 </head>
<body  style="background:url(myimage/bg-img1.jpg) no-repeat;">
   <div>         <!--导航-->
     <ul id="logo-list" >
     	<li class="logo-list-0" onclick="f(0)" style="margin-left:-30px;">个人资料</li>
        <li class="logo-list-1" onclick="f(1)" style="margin-left:30px;">图 片</li>
        <li class="logo-list-2" onclick="f(2)" style="margin-left:30px;">我的日志</li>
        <li class="logo-list-3" onclick="f(3)" style="margin-left:30px;">音 乐</li>
        <li class="logo-list-4" onclick="f(4)" style="margin-left:30px;">个人评价</li>
     </ul>
   </div>
   <div id="logo-content" style="color:black;">
   	   <div class="tab P-information"> <!--个人资料-->
   	   <br><br><br><br><br>
      <table style="margin-left:60px;">
      	<tr>
      		<td>姓名：</td><td>刘文隆</td><td>性别：</td><td>男</td>
      	</tr>
      	<br><br><tr> </tr><tr> </tr>
      	<tr>
      		<td>籍贯：</td><td>广东省江门市</td><td>民族：</td><td>汉</td>
      	</tr>
      	<br><br><tr> </tr><tr> </tr>
      	<tr>
      		<td>出生年月：</td><td>1996.06</td><td>政治面貌：</td><td>团员</td>
      	</tr>
      	<br><br><tr> </tr><tr> </tr>
      	<tr>
      		<td>学院：</td><td>数学与信息学院</td><td>专业：</td><td>软件工程</td>
      	</tr>
      	<br><br><tr> </tr><tr> </tr>
      	<tr>
      		<td>电话：</td><td>13602805417</td><td>Email：</td><td>819090655@qq.com</td>
      	</tr>
      	<tr>
      		<td>意向：</td><td>前端</td><td>技能</td><td>html,css,js(初学）</td>
      	</tr>
      </table>     
   	   </div> 
   	   <div class="tab P-image">   <!--图片-->
           <p class="contain1"><img src="interst\basketball-1.jpg"></p>
           <p class="contain2"><img src="interst\basketball-2.jpg"></p>
           <p class="contain3"><img src="interst\basketball-3.jpg"></p>
           <p class="contain4"><img src="interst\basketball-4.jpg"></p>
           <p class="contain5"><img src="interst\basketball-5.jpg"></p>
           <p class="contain6"><img src="interst\basketball-6.jpg"></p>
           <p class="contain7"><img src="interst\run-3.jpg"></p>
           <p class="contain8"><img src="interst\swim-2.jpeg"></p>
           <p class="contain9"><img src="interst\swim-3.jpg"></p>
           <p class="contain10"><img src="interst\run-1.jpg"></p>
           <p class="contain11"><img src="interst\run-2.jpg"></p>
           <p class="contain12"><img src="interst\run-4.jpg"></p>
   	   </div>
       <div class="tab2" id="block">  <!--个人日志部分-->
       	     <span class="P-diary-box">
       	        <span style="margin-left:50px;display:block;">
       	              <img src="myimage/tx.png" style="opacity:0.8;border-radius:100px 100px;"><br><br>
       	              &nbsp<span> 星  座 : 巨蟹座</span><br>
                      &nbsp<span>整体运势：★★★★☆☆</span><br>
                      &nbsp<span>爱情运势：★★★★★★</span><br>
                      &nbsp<span>事 业 势：★★★☆☆☆</span><br>
                      &nbsp<span>财 富 云：★☆☆☆☆☆</span>
                </span>        
             </span>
       	     <span class="P-dinary-content">
       	       <span style="display:block;margin-left:40px;" id="P-dinary-content-a">
       	         <h1>我的文章</h1>
                 <p><a href="">当你被剩下</a><span>日期：2015-11-21</span></p>
                 <p><a href="">就四句 ! 仅仅四句，却道出了真正的分手后爱恨情仇</a><span>日期：2015-11-25</span></p>
                 <p><a href="">你千万不能错过，可遇不可求的十种贵人</a><span>日期：2015-11-26</span></p>
                 <p><a href="">什么是”中国梦”？</a><span>日期：2015-11-27</span></p>
                 <p><a href="">北京满分作文</a><span style="">日期：2015-11-28</span></p> 
                 <p><a href="">温家宝，中国欠你太多！</a><span>日期：2015-11-29</span></p>
                 <p><a href="">点一根烟燃烧孤独</a><span>日期：2015-11-30</span></p>
                 <p><a href="">心有千千结</a><span>日期：2016-1-21</span></p>
                 <p><a href="">于是，我懂了，在成长面前，老爸也是脆弱的</a><span>日期：2015-12-1</span></p>
                 <p><a href="">于是，我听懂了《同桌的你》</a><span>日期：2015-11-21</span></p>
                 <p><a href="">于是，我懂得，有时候隐瞒，也是一种爱</a><span>日期：2016-1-23</span></p>
                 <p><a href="">有一种缘分叫我和你</a><span>日期：2015-11-21</span></p>
                 <p><a href="">那些年，我们一起追过的女孩</a><span>日期：2015-12-12</span></p>
       	     </span>
       	    <span class="P-dinary-y">
       	     	  <img src="myimage/jxz.jpg" class="P-dinary-y1">
       	     	  <p>今天，工作上，在找准方向之后，应该将自身稳定下来，而非盲目跳槽；感情上，选个灯光美，气氛佳又富有情调的餐厅用餐，这样两个人感情的发展才会更快哦；健康上，很容易饿；财运上，个人开销比较大</p>
       	     </span>
       </div>
       <div class="tab P-music"><!--音乐部分-->
         <span style="display:block;margin-left:160px;">
           <audio src="mymusic/1.mp3" controls="controls" id="audio1"></audio><br>
       	   <input type="button" onclick="play(1)"/>蓝色蝴蝶<br><br>
       	   <input type="button" onclick="play(2)"/>勇往直前<br><br>
       	   <input type="button" onclick="play(3)"/>青春修炼手册<br><br>
       	   <input type="button" onclick="play(5)"/>纯真年代<br><br>
       	   <input type="button" onclick="play(6)"/>爱因为在心中<br><br>
       	   <input type="button" onclick="play(7)"/>纯音乐<br><br>
       	   <input type="button" onclick="play(8)"/>七龙珠-z主题曲<br><br>
       	   <input type="button" onclick="play(10)"/>爱的翅膀<br><br>
       	   <input type="button" onclick="play(11)"/>卡农<br>
       	 </span>
       </div>
       <div class="tab" style="margin-left:270px;">
         <h1 style="margin-top:70px;margin-left:250px;">个人简介</h1>&nbsp
       	<strong style="margin-top:100px;">我觉得我是一个虚心，诚恳，负责，踏实，勤奋认真的人.虚心，是因为我觉得这是<br><br>
         &nbsp对他人的尊重和对他人授予知识的感谢。诚恳，是因为我觉得人无信则不立，为一点<br><br>
        &nbsp点利益而放弃他人的信任，是不值得的，始终觉得朋友重要。踏实是因为我的座右铭<br><br>
        &nbsp是“仰望星空，脚踏实地”，既要有远大的梦想，又要一步一个脚印的踏踏实实的达<br><br>
        &nbsp到它。负责，是与诚恳和踏实联系起来的，勇于担当起责任，既得到了他人的信任,<br><br>
        &nbsp交到更多的朋友，也让自己活得更加踏实。勤奋认真，是因为我喜欢研究技术，特别<br><br>
        &nbsp享受在研究技术过程的那种感觉，不断提升和拔高自己。最后，非常希望能和师兄师<br><br>
        &nbsp姐们一起学习(*^__^*) 。</strong>
       </div>
   </div>
</body>
</html>